<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button id="but1">跨域触发</button>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
    <!---->
    $("#but1").click(function() {
//       1、 Origin  与 Access-Control-Allow-Origin  一致就可解决跨域问题
//       在服务端配置解决 设置相应头信息（flask代码实现， 或者nginx上加头信息）
//       2、jsonp  通过src属性可以绕过同源策略的漏洞去实现， 只能实现GET方法
    //   需要前端页面客户端和后端服务端同时配置。
        $.ajax({
            url: "http://127.0.0.1:9000/jsonp",
            type: "GET",
            //jsonp方式实现
            dataType: "jsonp",  //指定jsonp方式
            jsonp: "callback", //百度是cb，指定jsonp处理函数存放的名字
            success: function(data){
                console.log(data);
            }
        })
    })
</script>

</body>
</html>